<div>
   <div class="container" *ngIf="teamIndex.teamArr.length!==0">
      <div   class="team_info" *ngFor="let team of teamIndex.teamArr;let i =index;">
        <div  class="setting"  *ngIf="team.adminGuid==teamIndex.userGuid&&!team.isDated"   nzTitle="设置" nzPlacement="topCenter" nz-tooltip (click)="team.isEdit = !team.isEdit" [ngClass]="{'setting1':team.isEdit}"></div>
            <div class="team_info_head">
              <div style="display: inline-block;position: relative">
              <div class="team_name" *ngIf="!team.isModifyTeamName">{{team.name}}</div>
              <img  *ngIf="team.isEdit&&!team.isModifyTeamName" src="/assets/img/image/white_modify_logo.png" alt="" class="modify_logo" width="17" height="17" (click)="team.isModifyTeamName = !team.isModifyTeamName">
              </div>
              <input type="text" [(ngModel)]="team.name" *ngIf="team.isModifyTeamName">
               <div class="modify_btn" *ngIf="team.isModifyTeamName" (click)="modifyTeamName(team)">
                 <img  src="/assets/img/image/modify_logo.png" alt=""  width="25" height="25" >
               </div>
               <div class="team_create_date">{{team.createTime|toDate|date:'yyyy年MM月dd日'}}创建</div>
            </div>
            <ul class="clearfix">
              <li class="f_l" >
                <div class="team_administrator" >
                <div class="administrator_img" [style.background-image]="'url('+(team.Cover?(readImgUrl+team.Cover):defaultImg)+')'"></div>
                  <div class="administrator_info">
                      <div class="little_title">团队管理员</div>
                    <div class="big_title admin_name" style="position: relative">{{team.administrator}}<img src="/assets/img/image/white_modify_logo.png"  alt="" style="vertical-align: middle;cursor: pointer;margin-left: 5px;position: absolute;top: 8px" width="17" height="17" *ngIf="team.isEdit" (click)="openAdminSetting(team,i)"></div>
                  </div>
              </div>
              </li>
              <li class="f_l">
                <div class="team_buy_package" >
                  <div class="package_logo"  *ngIf="team.packageArr.length!==0" [style.background-image]="'url('+readImgUrl+team.packageArr[0][0].cover+')'"></div>
                  <div class="package_logo_null" *ngIf="team.packageArr.length==0"></div>
                  <div class="buy_package_info">
                    <div class="little_title">已购买教案包</div>
                    <div class="big_title">{{team.packageArr.length}}个</div>
                  </div>
                </div>
              </li>
              <li class="f_l">
                <div class="team_buy_app">
                   <div class="app_logo" *ngIf="team.appArr.length!==0">
                     <img [src]="readImgUrl+team.appArr[0].CoverUrl" alt="" width="36" height="35">
                   </div>
                   <div class="app_logo_null" *ngIf="team.appArr.length==0"></div>
                    <div class="buy_app_info">
                      <div class="little_title">已购买应用</div>
                      <div class="big_title">{{team.appArr.length}}个</div>
                    </div>
                </div>
              </li>
              <li class="f_r">
                  <div class="team_package_info" (click)="gotoMinute(team)">></div>
              </li>
            </ul>
        <div class="accredit_ids ">
          <div style="width:20%;padding-left: 5px">
        <img src="/assets/img/image/icon1.png" alt="" style="margin-bottom: 10px" width="32" height="20">
        <div style="font-size: 14px;color:#333333;">已加入{{team.haveAccreditMembers.length}}({{team.limitNumber}})个账号</div>
        <div style="font-size: 12px;color: #999999" *ngIf="!team.isDated">{{team.endTime|toDate|date:'yyyy年MM月dd日'}}到期</div>
        <div style="font-size: 12px;color: #999999" *ngIf="team.isDated">已到期</div>
          </div>
          <div class="clearfix" [ngClass]="{'no_limit_height':!team.isLimitHeight,'team_members':team.isLimitHeight}">
              <div class="member f_l" *ngFor="let member of team.haveAccreditMembers;let i = index">
                <div class="member_img" [style.background-image]="'url('+(member.Cover?(readImgUrl+member.Cover):defaultImg)+')'"></div>
                <div class="member_name">{{member.UserName?member.UserName:member.Name}}</div>
                <div class="delete_icon" *ngIf="team.isEdit" (click)=" removeMembers(team,i)">×</div>
              </div>
              <div class="add_team_member f_l" *ngIf="team.isEdit" (click)="openAddAccredit(team)">+</div>
            </div>
          <img src="../../../assets/img/image/members_logo.png" alt="" width="15" height="15" class="members_logo"  [ngClass]="{'members_logo1':team.isTransform}" (click)="team.isLimitHeight=!team.isLimitHeight;team.isTransform=!team.isTransform">
        </div>
        <app-admin-setting
          *ngIf="team.openAdminSeeting"
          [team]="team"
          (onTeam)="closeAdminSetting($event,team)"
        >

        </app-admin-setting>
        <app-add-accredit
          *ngIf="team.openAccredit"
          (onTeam)="onCloseAddAccredit($event,team)"
          [team]="team"
        >
        </app-add-accredit>
      </div>

   </div>
  <div *ngIf="teamIndex.teamArr.length==0" class="no_team_tip">您还没有加入或者创建团队~~</div>
</div>
